@charset "UTF-8";
/* 初始化*/
* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

body { font-family: 'Regular', "微软雅黑","PingFang SC",'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; color: #222; font-size: 14px; background: #fff; }

input { outline: none; }

em, i, u { font-style: normal; text-decoration: none; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #222; outline: 0; }

a:hover { text-decoration: none; color: #0066ff; }

.clear:before, .clear:after { content: ''; display: block; clear: both; }

.fl { float: left; }

.fr { float: right; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.hide { display: none; }

body { width: 100vw; height: 100vh; overflow: hidden; }

.urllinkbox { border: solid 1px #d4d4d4; max-width: 700px; position: relative; margin: 100px auto; }

.urllinkbox .text { padding: 30px 80px; font-size: 16px; }

.urllinkbox .text .bt { font-weight: bold; }

.urllinkbox .text p { line-height: 30px; padding: 5px 0; }

.urllinkbox .text .url { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.urllinkbox .btnbox { border-top: 1px solid #d4d4d4; padding: 20px 20px 0; }

.urllinkbox .btnbox .btn { height: 40px; float: left; line-height: 40px; border: 1px solid #d4d4d4; padding: 0 20px; margin-left: 20px; margin-bottom: 20px; cursor: pointer; border-radius: 5px; color: #555555; }

.urllinkbox .btnbox .btn:hover { opacity: 0.9; }

.urllinkbox .btnbox .btn1 { color: #fff; background: #0066ff; border-color: #0066ff; }

@media screen and (max-width: 700px) { .urllinkbox .text { padding: 20px; } }
